<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="keyword" content="单车安全帽，单车帽，脚踏车安全帽，单车头盔，自行车头盔">
	<meta name="description" content="专业自行车安全帽品牌KPLUS-以提升骑乘安全为本，致力于创新高品质的先进工艺设计。">
	<meta property="og:title" content="KPLUS-专业自行车安全帽品牌：专为亚洲人头型所设计的自行车安全帽，单车安全帽，脚踏车安全帽。">
	<meta property="og:url" content="http://www.kplus-helmet.com/">
	<meta property="og:image" content="http://www.kplus-helmet.com/etc/media/images/fb_share.jpg">
	<meta property="og:site_name" content="KPLUS-专业自行车安全帽品牌：专为亚洲人头型所设计的自行车安全帽，单车安全帽，脚踏车安全帽。">
	<meta property="og:description" content="专业自行车安全帽品牌KPLUS-以提升骑乘安全为本，致力于创新高品质的先进工艺设计。">
	<meta name="google-site-verification" content="f63hofZjqQioZww3XG41yZoxVudN4jRFUkrW8pvjY_I">
	<title>KPLUS-HELMET 官方网站</title>
	<link rel="stylesheet" type="text/css" href="../build/css/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../build/css/common.css">
	<link rel="stylesheet" type="text/css" href="../build/css/animate.css">
	<link rel="stylesheet" type="text/css" href="../vendor/owlcarousel/assets/owl.carousel.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../vendor/owlcarousel/assets/owl.theme.default.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../build/css/login.css">
</head>
<body>
<!--顶部导航条-->
<div class="nav_bar">
	<div class="nav fl">
		<a href="product_wall.html">骑行头盔</a>
		<a href="javascript:;">配件系列</a>
		<a href="javascript:;">客制服务</a>
		<a href="javascript:;">KPLUS SELECTION</a>
	</div>
	<div class="kplus_logo fl">
		<a href="../index.html" target="_blank">
			<img src="http://test.agcoo.cn/icon/kplus_logo.jpg">
		</a>
	</div>
	<div class="menu fr">
		<a href="login.html"><i class="iconfont icon-iconfontfuka"></i>会员登录/注册</a>
		<a href="user_cart.html"><i class="iconfont icon-gouwuche1"></i>购物车</a>
		<a href="javascript:;"><i class="iconfont icon-diqiu"></i>繁体中文</a>
	</div>
</div>

<!--login box and register box-->	
<div class="inner_box">
	<div class="call_box">
		<h2 class="title">LOGIN / SIGN-UP</h2>
		<span class="sub_title">登入/注册</span>
	</div>
	<div class="call_box mlr90">
		<h2 class="title">LOGIN 会员登录</h2>
		<p class="kp_note">请使用您的邮箱及密码登录</p>
		<div class="form_box">
			<span class="item">
				<input type="email" name="email" id="userEmail" placeholder="邮箱号码">
				<label class="tip_text ds_none">请输入正确邮箱</label>
			</span>
			<span class="item">
				<input type="password" name="password" id="userPwd" placeholder="密码">
				<label class="tip_text ds_none">请输入密码</label>
			</span>
			<p class="note remeber_me">
				<span class="s_left fl"><input type="radio" name="radio" id="">记住我</span>
				<span class="s_right fr">忘记您的密码？</span>
			</p>
			<a href="javascript:;" class="btn kp_btn login_bar" id="userLogin">登录</a>
		</div>
	</div>
	<div class="call_box">
		<h2 class="title">SIGN-UP 会员注册</h2>
		<p class="kp_note">请输入正确资料注册会员</p>
		<div class="form_box">
			<span class="item">
				<input type="text" name="userName" id="r_userName" placeholder="请输入昵称">
				<label class="tip_text ds_none">请输入正确昵称</label>
			</span>
			<span class="item">
				<input type="phone" name="phone" id="r_userPhone" placeholder="手机号">
				<label class="tip_text ds_none">请输入正确手机号码</label>
			</span>
			<span class="item">
				<input type="email" name="email" id="r_userEmail" placeholder="邮箱">
				<label class="tip_text ds_none">请输入正确邮箱</label>
			</span>
			<span class="item">
				<input type="password" name="password" id="r_userPwd" placeholder="密码">
				<label class="tip_text ds_none">请输入正确密码</label>
			</span>
			<span class="item">
				<input type="password" name="password" id="s_UserPwd" placeholder="正确密码">
				<label class="tip_text ds_none">请输入正确密码</label>
				<label class="tip_text ds_none">请再次输入密码</label>
			</span>
			<p class="note remeber_me">
				<span class="s_left fl"><input type="radio" name="radio" id="">接受KPLUS发送的最新消息及优惠活动至信箱</span>
			</p>
			<a href="javascript:;" class="btn kp_btn register_bar" id="register">注册</a>
		</div>
	</div>	
</div>		


<div class="footer">
	<div class="inner_box">
		<div class="list_links fl fstyle_TradeGothicLT">
			<ul class="link_item">
				<li class="title">ABOUT KPLUS</li>
				<li><a href="">品牌理念</a></li>
				<li><a href="">PLUS IN</a></li>
				<li><a href="">最新消息</a></li>
				<li><a href="">玩家见证</a></li>
			</ul>
			<ul class="link_item">
				<li class="title">GET HELP</li>
				<li><a href="">出货与寄送</a></li>
				<li><a href="">退换货处理</a></li>
				<li><a href="">会员机制</a></li>
				<li><a href="">问与答</a></li>
				<li><a href="">尺寸表</a></li>
			</ul>
			<ul class="link_item">
				<li class="title">CONUACT US</li>
				<li><a href="">联络我们</a></li>
				<li><a href="">销售据点</a></li>
			</ul>
		</div>
		<div class="sign_news_box fl fstyle_TradeGothicLT">
			<h3 >订阅我们获得最新消息</h3>
			<span class="sub_title">SING UP FOR KPLUS NEWS</span>
			<form class="">
				<label>
					<input type="text" style="display:none" />
					<input type="text" name="email" id="address" placeholder="Email Address" class="fl">
				</label>
				<label>
					<input type="button" name="button" class="btn fl" id="signUp" value="SUBSCRIBE">
				</label>
			</form>
		</div>
		<div class="friend_links fl">
			<div class="share_box">
				<a href="" class="icon"><i class="iconfont icon-instargam"></i></a>
				<a href="" class="icon"><i class="iconfont icon-facebookf"></i></a>
			</div>
			<span class="copy_right"><i class="iconfont icon-ic_copyright_px"></i> KPLUS 2017</span>

		</div>
	</div>
</div>
<div class="ds_none">
</div>
<script type="text/javascript" src="../vendor/jquery-1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../build/js/common.js"></script>
<link href="https://cdn.bootcss.com/layer/3.1.0/theme/default/layer.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
<script type="text/javascript" src="../build/js/login.js"></script>
<script type="text/javascript">
	//登录 
	$('#userLogin').on('click', function(){
		var userEmail = $('#userEmail').val();
		var userPwd = $('#userPwd').val()
		kpLoadingAnimate('start');
		userLogin(userEmail, userPwd);
	})
	//注册
	$('#register').on('click', function(){
		var userName = $('#r_userName').val(),
			userPhone = $('#r_userPhone').val(),
			userEmail = $('#r_userEmail').val(),
			userPwd = $('#r_userPwd').val();
			kpLoadingAnimate('start');
			userRegister({
				userName: encodeUnicode(userName),
				userPhone: userPhone,
				userEmail: userEmail,
				userPwd: userPwd
			})
	})

</script>
</body> 
</html>